<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				      /*宽度   形式    颜色*/
				/*border:1px solid red;*/
				border-width: 10px;
				/*边框宽度*/
				border-style: solid;
				/*边框样式*/
				border-left-color: blue;
				border-top-color: red;
				border-right-color: green;
				border-bottom-color: palevioletred;
				/*边框颜色*/
				font:bold 20px/50px "微软雅黑";
							
			}
			
			.c1{
				           /*虚线*/
				border:5px dashed red;
			}	
		</style>
	</head>
	<body>
		<div>123</div>
		<br />
		
		<div class="c1">c1</div>
	</body>
</html>
